<!--
    @作者：814878176@qq.com
    @时间：2020-04-06
    @描述：活动介绍 - 公共页面内容
	@使用："path": "@/pages/activityTwo/introduceCom"
 -->
<template>
	<view class="info-wrapper">
		<!-- <image class="uni-image img-bg" mode="widthFix" src="/static/activityTwo/bg_2.png" /> -->
		<view class="content-wrapper">
			<!-- 主题标题图 -->
			<view class="banner">
				<image class="uni-image" mode="widthFix" src="/static/activityTwo/banner.png" />
			</view>
			<view class="record-wrapper">
				<image class="uni-image img-bg" mode="widthFix" src="/static/common/record_bg_2.png" />
				<scroll-view scroll-y="true" scroll-x="true" class="record-scroll-view scroll-Y scroll-X">
					<view class="title-img">
						<image class="uni-image" mode="widthFix" src="/static/common/title_1.png" />
					</view>
					<view class="detail" v-html="detail"></view>
				</scroll-view>
			</view>
			<view class="uni-p-b-150"></view>
		</view>
		<tabBar :rootPath="rootPath" :pagePath="'/introduce'"></tabBar>
		<view v-if="!showPage" class="bank-wrapper"></view>
	</view>
</template>

<script>
	export default {
		props: {
			rootPath: null
		},
		data() {
			return {
				showPage: false,
				detail: ""
			}
		},
		mounted() {
			this.detail = `
				<p class="uni-indent-40">
					九疑山舜帝陵始建于夏朝，自大禹南巡至衡山筑紫金台望祀舜帝陵始，即是历朝历代祭祖朝圣之所。
				</p>
				<p class="uni-indent-40">
					舜帝陵现为国家AAAA级景区(正申创5A景区)，湖南省十大历史文化地标之一。占地面积30公顷，陵园为明清建筑风格，庄严肃穆，气势恢宏，四周枫柏扶荫。陵内现存众多稀世文物古迹，是中华民族的文化瑰宝、精神家园。
				</p>
				<p class="uni-indent-40">
					九疑山舜帝陵“云祭祀”平台让人们归宗溯祖，领略一脉形成的深厚意蕴，解码流淌在每个人身上的血脉基因;让人们既缅怀昨天也憧憬明天，既祭奠逝者也阿护新生，既留恋故乡也遥望远方，在慎终追远中护佑历史、希冀未来。
				</p>
				<p class="uni-indent-40">
					在这缅怀先烈、祭奠逝者、追思故人的清明节到来之际，适逢全国人民众志成城、全力防控新冠肺炎疫情的时期，为弘扬优良传统、倡导文明新风，确保2020年清明祭祀绿色、文明、低碳、安全、有序。特向广大人民群众发出以下倡议:
				</p>
				<p class="uni-indent-40">
					一、弘扬徳孝文化。新冠疫情让我们每个人更加感悟到了生命的可贵。百善孝为先，要树立家国情怀、厚养薄葬的新观念。切实摒弃借清明节祭祀之机摆阔气、讲排场等不良习俗，确保祭祀活动风清气正、厚徳节俭。
				</p>
				<p class="uni-indent-40">
					二、倡导新型祭祀。祭祀活动重于心而不拘于形。当清明节遇到全国人民抗疫的关键时刻，我们倡导网络祭祀，共享云祭扫。提倡采取居家追思、线上祈福、书写寄语等文明低碳方式缅怀先人。缅怀亲人不拘形，真挚情谊故人知。
				</p>
				<p class="uni-indent-40">
					三、倡导安全祭祀。严格遵守森林防火有关规定，不违规用火、烧纸焚香、燃放鞭炮，杜绝各类隐患。自觉遵守疫情防控有关规定，防止人员扎堆祭扫，不给疫情传播可乘之机。
				</p>
				<p class="uni-indent-40">
					四、倡导示范带动。广大党员干部、公职人员以身作则、带头示范，树立文明祭祀观念，积极向身边亲友宣传文明祭扫知识，监督和制止实地聚集祭扫、露天焚烧祭扫等行为，充分发挥党员干部的表率作用，以实际行动带动和影响身边的群众。
				</p>
				<p class="uni-indent-40">
					没有一个冬天不可逾越，没有一个春天不会到来。非常时期的特殊清明，坚守，就是一份力量;平安，就是一份希望。让我们做文明祭祀的践行者、家国文化的传承者，以安全绿色文明的实际细怀行动，贡献一份力量。
				</p>
			`
			setTimeout(()=>{
				this.showPage = true;
			},500)
		},
		methods: {
			
		}
	}
</script>
<style lang="stylus" scoped>
	@import "../../common/css/var.styl"   
	// 没有背景图，只设置背景色，所以内容不需要定位
	.info-wrapper {
		background-color: #f8f8f8;
	}
	.content-wrapper {
		// position: absolute;
		// top: 0;
		width: 100%;
		text-align: center;
		.banner {
			position: relative;
			z-index: 9;
		}
		.record-wrapper {
			position: relative;
			display: inline-block;
			width: calc(100% - 40upx);
			margin-top: -80upx;
			// 背景边框
			.img-bg {
				width: 100%;
			}
			.record-scroll-view {
				position: absolute;
				top: 0;
				height: 100%;
				padding: 40upx 10upx 50upx;
				box-sizing: border-box;
				// 记录标题
				.title-img {
					position: relative;
					z-index: 99;
					margin: 10upx auto;
					.uni-image {
						width: 218upx;
					}
				}
				// 内容
				.detail {
					padding: 0 30upx;
					line-height: 42upx;
					color: #353535;
					font-size: 28upx;
					text-align: left;
				}
			}
		}
	}
</style>